.title {
    display: flex;
    align-items: center;

    &IconLeft {
        width: 32rpx;
        height: 32rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 10rpx;
        image {
            width: 100%;
        }
    }

    &Text {
        font-size: 32rpx;
    }
}

.graph {
    display: flex;
    justify-content: space-between;
    margin-top: 20rpx;

    &Item {
        flex: 1;
        color: #74797f;

        &:nth-child(2) {
            margin: 0 10rpx;
        }
    }

    .progress {
        position: relative;
        margin-top: 10rpx;
        background: #eeeeee;
        border-radius: 20rpx;
        height: 80rpx;

        &Bar {
            width: var(--p);
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 20rpx;
            height: 80rpx;
            background: #dbe5ec;
        }
    }
}
